// pages/login/login.js
const app = getApp()
Page({
  data: {
    model: '',
    imagecode: '',
    code: '',
    src: '',
    key: ''
  },
  // 获取图形验证码的图片
  init() {
    wx.request({
      url: 'https://smart-shop.itheima.net/index.php?s=/api/captcha/image',
      method: "GET",
      header: {
        'platform': 'MP-WEIXIN'
      },
      success: res => {
        // console.log(res);
        this.setData({
          src: res.data.data.base64,
          key: res.data.data.key
        }, () => {
          // console.log(this.data.key);
        })
      }
    })
  },
  // 手机号码双向绑定
  onModel: function (e) {
    this.setData({
      model: e.detail.value
    }, () => {
      // 在 setData 的回调函数中访问更新后的 model
      // console.log(this.data.model);
    });
  },
  // 图形验证码双向绑定
  onImgcode: function (e) {
    this.setData({
      imagecode: e.detail.value
    }, () => {
      // console.log(this.data.imagecode);
    })
  },
  // 短信验证码双向绑定
  onCode: function (e) {
    this.setData({
      code: e.detail.value
    }, () => {
      // console.log(this.data.code);
    })
  },
  // 获取短信验证码
  getCode() {
    if (this.data.model == "" || this.data.model.length != '11') {
      wx.showToast({
        title: '手机号码有误',
        icon: 'error'
      })
    } else if (this.data.imagecode == "") {
      wx.showToast({
        title: '请输入imgcode',
        icon: 'error'
      })
    } else {
      wx.request({
        url: 'https://smart-shop.itheima.net/index.php?s=/api/captcha/sendSmsCaptcha',
        method: "POST",
        header: {
          'platform': 'MP-WEIXIN'
        },
        data: {
          captchaCode: this.data.imagecode,
          captchaKey: this.data.key,
          mobile: this.data.model
        },
        success: res => {
          // console.log(res);
          wx.showToast({
            title: "已自动填充",
          })
          this.setData({
            code: 246810
          })
        }
      })
    }
  },
  login: function (e) {
    // console.log(this.data.model);
    if (this.data.model == "" || this.data.model.length != '11') {
      wx.showToast({
        title: '手机号码有误',
        icon: 'error'
      })
    } else if (this.data.code != "246810") {
      wx.showToast({
        title: '验证码有误',
        icon: 'error'
      })
    } else {
      wx.request({
        url: 'https://smart-shop.itheima.net/index.php?s=/api/passport/login',
        method: "POST",
        header: {
          'platform': 'MP-WEIXIN'
        },
        data: {
          "smsCode": this.data.code,
          "mobile": this.data.model,
          "isParty": false,
          "partyData": {}
        },
        success: res => {
          console.log(res);
          wx.showToast({
            title: '登录成功',
            icon: 'success'
          })
          app.globalData.token="1"
          // app.globalData.userInfo={
          //   name:"测试用户"
          // }
          setTimeout(() => {
            wx.reLaunch({
              url: '/pages/index/index',
            })
          }, 2000);
        }
      })
    }

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.init()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})